/*** CSS Mansonry2.css ***/

@media only screen and (orientation: landscape) {
    

  .post3  {
  margin: auto;
  position: absolute;
  background-color: black;  
  display: block;      
  text-align: center;
  } 

  img {
  max-height: 95vh;
   

  /* Next 2 lines disables right click to Save Image As - However, lets u take screenshots, etc */    
  pointer-events: none;
  -webkit-touch-callout: none;
  
 }
}

  @media only screen and (orientation: portrait) {
      

  .post3  {
  margin: auto;
  position: absolute;
  background-color: black;   
  display: block;      
  text-align: center;   
  } 

  img {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      max-width: 97vw;

  /* Next 2 lines disables right click to Save Image As - However, lets u take screenshots, etc */    
  pointer-events: none;
  -webkit-touch-callout: none;
  
 }
}

header{
width: 100%;
border-bottom: 2px solid black; 
text-align: left;  
margin: 0;
position: sticky;
top: 0;
background-color: whitesmoke;
z-index: 1;
}

footer{
width: 100%;
padding: 3px;
border-top: 2px solid black;
text-align: center;
font-size: smaller;
margin: 0 auto;
position: fixed;
bottom: 0;
background-color: whitesmoke;
}

/*** END - CSS Mansonry2.css ***/